<template>
	<view class="page_box">
		<!-- <u-navbar :is-back="true" title="提现" v-if="1" :border-bottom="false" title-color="#000" back-icon-color="#000"></u-navbar> -->

		<z-paging
			ref="paging"
			v-model="dataList"
			@query="queryList"
			:default-page-size="5"
			auto-show-back-to-top
			loading-more-no-more-text="我也是有底线的！"
			:show-refresher-update-time="true"
			:refresher-update-time-key="1"
		>
			<u-tabs :list="list" slot="top" :is-scroll="false" :current="current" @change="change"></u-tabs>

			<custom-refresher slot="refresher" slot-scope="{ refresherStatus }" :status="refresherStatus"></custom-refresher>
			<view v-for="(item, index) in 20" :key="index">
				<button type="default">{{ index }}</button>
			</view>
			<view class=""><button type="default">6666</button></view>
			<u-sticky>
				<view class=""><button type="default">6666</button></view>
			</u-sticky>
			<view class="block" style="z-index: 9999999999;position: sticky;top :0;"><button type="default">6661111111116</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
			<view class=""><button type="default">6666</button></view>
		</z-paging>
		
		
	</view>
</template>

<script>
export default {
	data() {
		return {
			dataList: [],
			list: [
				{
					name: '待收货',
				},
				{
					name: '待付款',
				},
				{
					name: '待评价',
					count: 5,
				},
			],
			current: 0,
		};
	},
	methods: {
		async queryList(pageNo, pageSize) {
			let obj = {
				page: pageNo,
				page_size: pageSize,
			};
			// const res = await this.$u.post('', obj, {});
			// if (!res.code) return;
			// console.log('res: ', res);
			setTimeout(() => {
				
			this.$refs.paging.complete(false);
			}, 2000);
		},
		change(index) {
			this.current = index;
			this.$refs.paging.reload(true);
		},
	},
};
</script>

<style></style>
